﻿/* =====================================================================
 * Intro       demodemo
 * Author      jeffreyfang@ea.com
 * MadeTime    2011-09-16
 =====================================================================*/


/*-----------------------------------------------
	- Reset&Clearfix
-----------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body,button,input,select,textarea{font:12px/20px Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,var,em{font-style:normal;}em{font-weight:700;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
sup{vertical-align:text-top;} 
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {display:block;margin:0;padding:0;}
mark{background:#ff0;}
q:before,q:after{content:'';}
.clearfix:before, .clearfix:after {content:"";display:table;}
	.clearfix:after {clear:both;}
	.clearfix{zoom:1;}
body{background:#FFF;color:#333;}	
a{color:#0000FF;text-decoration:none;}
	a:hover{text-decoration:underline;}



/*-----------------------------------------------
	- prolist
-----------------------------------------------*/
.prolist { width:800px; margin:0 auto; padding:0 0 20px; border:1px solid #999;}
	.prolist li { display:inline; float:left; position:relative; width:240px; height:180px; overflow:hidden; margin:20px 0 0 20px; background:#111 url(../images/progress.gif) no-repeat center center; }
	.prolist a {display:block; text-decoration:none!important;}
	.prolist a img {display:block; width:240px; height:180px; }
	.prolist h6{ padding:10px 10px 5px; color:#FFF; text-shadow:1px 1px 0 #000; font-size:15px; font-weight:400;}
	.prolist p{ padding:0 10px; color:#AAA; font-size:12px; line-height:16px; }
	
	
/*General Mosaic Styles*/
.mosaic-overlay {display:none; position:absolute; z-index:99; width:100%; height:100%; background:#111; }

.mosaic-backdrop {display:block;}
	

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay { display:none; background:url(../images/hover-magnify.png) no-repeat 50% 50%; text-indent:-9999px; opacity:0; filter:alpha(opacity=0); }
.fade .mosaic-overlay { background:url(../images/bg-black.png); opacity:0; filter:alpha(opacity=0); }

.bar .mosaic-overlay {position:absolute; bottom:-80px; height:80px; background:url(../images/bg-black.png); }

.bar2 .mosaic-overlay { bottom:-45px; height:80px; opacity:0.7; filter:alpha(opacity=70); }

.cover .mosaic-backdrop, .cover2 .mosaic-backdrop { position:absolute; z-index:9; width:100%; height:100%; background:#111;}
/*** End Animation Styles ***/

